<div class="underlying">
    <div class="table">
        <div class="bbs">
            <!-- 下载文件 -->
            <button class="btn_download" (click)="downLoad()" style="cursor: pointer;"></button>
            <div *ngIf="isShowForProgress" class="loading-overlay">
              <div class="ant-spin-container">
                <nz-progress class="custom-progress" [nzPercent]="progressValue" [nzStatus]="progressStatus"></nz-progress>
                <label style="color:white;margin-left: 145px;">{{loadingText}}</label>
              </div>
            </div>
            <div class="choose_select">開始時間：
                <nz-date-picker [nzAllowClear]=false nzFormat="yyyy/MM/dd" [(ngModel)]="startValue6"
                    nzPlaceHolder="Start">
                </nz-date-picker>
            </div>
            <div class="choose_select" style="margin-left: 82px;">結束時間：
                <nz-date-picker [nzAllowClear]=false nzFormat="yyyy/MM/dd" [(ngModel)]="endValue6" nzPlaceHolder="End">
                </nz-date-picker>
            </div>
        </div>
        <!-- 头部Table -->
        <nz-table #nestedTable style="border-collapse: collapse; border-radius: 4px 4px 0px 0px; overflow-x: auto;"
            [nzData]="listOfData" class="designTable" [nzShowPagination]='false'>
            <thead class="tableHeard" style="text-align: center !important;">
                <tr style="text-align: center !important;">
                    <!-- 備料狀態👇 -->
                    <th style="min-width: 50px;" rowspan="2">
                        <label nz-checkbox [(ngModel)]="switchValue" (ngModelChange)="tuidan()" title="退單"></label>
                    </th>
                    <th style="min-width: 200px;" rowspan="2">
                        <button nz-button nzTrigger="click" nz-dropdown [nzDropdownMenu]="menu4">備料狀態
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu4="nzDropdownMenu" class="drop">
                            <ul nz-menu>
                                <li nz-menu-item class="Li">
                                    <nz-radio-group [(ngModel)]="radioValue">
                                        <label nz-radio [ngStyle]="style" nzValue="All"
                                            (click)="doingForm()">All</label>
                                        <label nz-radio [ngStyle]="style" nzValue="1" (click)="doingForm()">備料中</label>
                                        <label nz-radio [ngStyle]="style" nzValue="2" (click)="doingForm()">已備料</label>
                                        <label nz-radio [ngStyle]="style" nzValue="3" (click)="doingForm()">缺料</label>
                                    </nz-radio-group>
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </th>
                    <!-- 序号 -->
                    <th style="min-width: 100px;" nzCustomFilter rowspan="2">箱號
                        <i nz-th-extra class="ant-table-filter-icon rou" nz-icon nz-dropdown #dropdown="nzDropdown"
                            nzType="search" [nzDropdownMenu]="menu111" nzTrigger="click" nzPlacement="bottomRight"
                            [nzClickHide]="false" nzPlacement="bottom" nzTableFilter></i>
                    </th>
                    <!-- 类型👇 -->
                    <th style="min-width: 200px;" rowspan="2">
                        <button nz-button nzTrigger="click" nz-dropdown [nzDropdownMenu]="menu44">類型
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu44="nzDropdownMenu" class="drop">
                            <ul nz-menu>
                                <li nz-menu-item class="Li">
                                    <nz-radio-group [(ngModel)]="radioValue2">
                                        <label nz-radio [ngStyle]="style" nzValue="All"
                                            (click)="doingForm()">All</label>
                                        <label nz-radio [ngStyle]="style" nzValue="1" (click)="doingForm()">加工件</label>
                                        <label nz-radio [ngStyle]="style" nzValue="2" (click)="doingForm()">标准件</label>
                                        <label nz-radio [ngStyle]="style" nzValue="3" (click)="doingForm()">领用单</label>
                                    </nz-radio-group>
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </th>
                    <!-- 单据号🔍 -->
                    <!-- <th style="min-width: 230px;" rowspan="2">單據號🔍</th> -->
                    <th style="min-width:230px" nzCustomFilter rowspan="2">單據號
                        <i nz-th-extra class="ant-table-filter-icon" nz-icon nz-dropdown #dropdown="nzDropdown"
                            nzType="search" [nzDropdownMenu]="menu1" nzTrigger="click" nzPlacement="bottomRight"
                            [nzClickHide]="false" nzPlacement="bottom" nzTableFilter></i>
                    </th>
                    <!-- 料号🔍 -->
                    <!-- <th style="min-width: 170px;" rowspan="2">料號🔍</th> -->
                    <th style="min-width:230px" nzCustomFilter rowspan="2">料號
                        <i nz-th-extra class="ant-table-filter-icon" nz-icon nz-dropdown #dropdown="nzDropdown"
                            nzType="search" [nzDropdownMenu]="menu2" nzTrigger="click" nzPlacement="bottomRight"
                            [nzClickHide]="false" nzPlacement="bottom" nzTableFilter></i>
                    </th>
                    <!-- 名稱 -->
                    <th style="min-width: 260px;" rowspan="2">名稱</th>

                    <!-- 价位 -->
                    <th style="min-width: 150px;" rowspan="2">
                        <div class="biaot">架位</div>
                        <div class="jtou">
                            <a (click)="sortLjmcASC()" style="background:url(../../../assets/image/icon_up.svg);"></a>
                            <a (click)="sortLjmcDESC()"
                                style="background: url(../../../assets/image/icon_down.svg);"></a>
                        </div>
                    </th>
                    <!-- 材质 -->
                    <!-- <th style="min-width: 150px;" rowspan="2">材質</th> -->
                    <!-- 下料尺寸單位mm -->
                    <!-- 需求总量 -->
                    <th style="min-width: 150px;" rowspan="2">需求總量</th>
                    <!-- 已备数量 -->
                    <th style="min-width: 150px;" rowspan="2">已備數量</th>
                    <!-- 退库数量 -->
                    <th style="min-width: 150px;" rowspan="2">退庫數量</th>
                    <!-- 缺料数量 -->
                    <th style="min-width: 150px;" rowspan="2">缺料數量</th>
                    <!-- 现有库存 -->
                    <th style="min-width: 150px;" rowspan="2">現有庫存</th>

                    <th style="min-width: 300px;" colspan="5">下料尺寸單位mm</th>
                    <!-- 单位 -->
                    <th style="min-width: 150px;" rowspan="2">單位</th>
                    <!-- 机台 -->
                    <th style="min-width: 150px;" rowspan="2">
                        <button nz-button nzTrigger="click" nz-dropdown [nzDropdownMenu]="menu14">機台
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu14="nzDropdownMenu" class="drop">
                            <ul nz-menu>
                                <li nz-menu-item class="Li">
                                    <nz-radio-group [(ngModel)]="radioValue4">
                                        <label nz-radio [ngStyle]="style" *ngFor="let item of cnclist ;let key = index"
                                            nzValue={{item.name}} (click)="doingForm()">{{item.name}}</label>
                                    </nz-radio-group>
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </th>
                    <!-- 加工日期 -->
                    <th style="min-width: 200px;" rowspan="2">
                        <nz-date-picker [nzAllowClear]=true nzFormat="yyyy/MM/dd" [(ngModel)]="startValue1"
                            nzPlaceHolder="加工日期" (ngModelChange)="StartChange1($event)">
                        </nz-date-picker>
                    </th>
                    <!-- 班别 -->
                    <th style="min-width: 150px;" rowspan="2">
                        <button nz-button nzTrigger="click" nz-dropdown [nzDropdownMenu]="menu55">班别
                            <i nz-icon nzType="down"></i>
                        </button>
                        <nz-dropdown-menu #menu55="nzDropdownMenu" class="drop">
                            <ul nz-menu>
                                <li nz-menu-item class="Li">
                                    <nz-radio-group [(ngModel)]="radioValuebb">
                                        <label nz-radio [ngStyle]="style" nzValue="" (click)="doingForm()">All</label>
                                        <label nz-radio [ngStyle]="style" nzValue="白班" (click)="doingForm()">白班</label>
                                        <label nz-radio [ngStyle]="style" nzValue="晚班" (click)="doingForm()">晚班</label>
                                    </nz-radio-group>
                                </li>
                            </ul>
                        </nz-dropdown-menu>
                    </th>

                    <!-- 领料人 -->
                    <th style="min-width: 150px;" rowspan="2">領料人</th>
                    <!-- 领料日期 -->
                    <th style="min-width: 150px;" rowspan="2">領料日期</th>
                    <!-- 备注 -->
                    <th style="min-width: 150px;" rowspan="2">備註</th>
                </tr>
                <tr>
                    <th style="min-width: 50px;">x</th>
                    <th style="min-width: 50px;">y</th>
                    <th style="min-width: 50px;">z</th>
                    <th style="min-width: 50px;">板数</th>
                    <th style="min-width: 50px;">拼版</th>
                </tr>
            </thead>
            <!-- 工联单Table -->
            <tbody class="tablecontent" style="border-left: 1px solid rgba(71,156,156,1) !important;">
                <tr id="first" *ngFor="let item of listdata let key = index">
                    <!-- 備料狀態👇 -->
                    <td style="min-width: 50px; cursor: pointer">
                        <span *ngIf="item.tuidan==1" style="color: red;">!</span>
                    </td>
                    <td style="min-width: 200px; cursor: pointer" (click)="gbzt(item)">
                        <span *ngIf="item.beiliao_ztai==1" style="color: #FACA00;">備料中</span>
                        <span *ngIf="item.beiliao_ztai==2" style="color: #21CC97;">已備料</span>
                        <span *ngIf="item.beiliao_ztai==3" style="color: #D23B5F;">缺料</span>
                    </td>
                    <!-- 序号 -->
                    <td style="min-width: 100px;cursor: pointer" (click)="xgxh(item)" title="{{item.box}}">
                        <span style="max-width:100px;text-align: left; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
                         -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; cursor:pointer;">
                            {{item.box}}
                        </span>
                    </td>
                    <!-- 类型👇 -->
                    <!-- <td style="min-width: 200px;">


                        </td> -->

                    <td style="min-width: 200px;" *ngIf="item.type_flag==0? true:false;">標準件</td>
                    <td style="min-width: 200px;" *ngIf="item.type_flag==1? true:false;">加工件</td>
                    <td style="min-width: 200px;" *ngIf="item.type_flag==2? true:false;">領用單</td>
                    <!-- 单据号🔍 -->
                    <td style="min-width: 230px;">{{item.union_order}}</td>
                    <!-- 料号🔍 -->
                    <td style="min-width: 170px;">{{item.material_no}}</td>
                    <td style="max-width: 260px; text-indent: 15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: left;"
                        title={{item.name}}>{{item.name}}</td>

                    <!-- 价位 -->
                    <td style="min-width: 150px;">{{item.position}}</td>
                    <!-- 材质 -->
                    <!-- <td
                style="max-width: 150px; text-indent: 15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: left;"
                title={{item.czhi}}>
                {{item.czhi}}</td> -->
                    <!-- 需求总量 -->
                    <td style="min-width: 150px;">{{item.quatity_total}}</td>

                    <!-- 已备数量 -->
                    <td style="min-width: 150px;cursor: pointer" (click)="addsl(item)">
                        {{item.yibei_shuliang}}
                    </td>
                    <!-- 退库数量 -->
                    <td style="min-width: 150px;cursor: pointer" (click)="addsl2(item)">{{item.tuiku_shuliang}}</td>
                    <!-- 缺料数量 -->
                    <td style="min-width: 150px;">
                        {{ (item.quatity_total-item.yibei_shuliang)>=0?
                        (item.quatity_total-item.yibei_shuliang).toString().indexOf(".")+1>0?
                        (item.quatity_total-item.yibei_shuliang).toFixed(2):(item.quatity_total-item.yibei_shuliang)
                        :0}}</td>
                    <!-- 现有库存 -->
                    <td style="min-width: 150px;">{{item.stock}}</td>

                    <!-- x -->
                    <td style="min-width: 50px;">{{item.xlcc_x}}</td>
                    <!-- y -->
                    <td style="min-width: 50px;">{{item.xlcc_y}}</td>
                    <!-- z -->
                    <td style="min-width: 50px;">{{item.xlcc_z}}</td>
                    <!-- 板数 -->
                    <td style="min-width: 50px;">{{item.xlcc_bs}}</td>
                    <!-- 拼版 -->
                    <td style="min-width: 50px;">{{item.xlcc_pb}}</td>
                    <!-- 单位 -->
                    <td style="min-width: 150px;">{{item.unit}}</td>
                    <!-- 机台 -->
                    <td style="min-width: 150px;">{{item.cnc}}</td>
                    <!-- 加工日期 -->
                    <td style="min-width: 150px;
                max-width: 150px; text-indent: 15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;"
                        title={{item.jiagongriqi}}>
                        {{item.jiagongriqi}}</td>
                    <!-- 班别 -->
                    <td style="min-width: 150px;">{{item.banci}}</td>
                    <!-- 领料人 -->
                    <td style="min-width: 150px;cursor: pointer" (click)="lltime(item) ">{{item.lingliao_ren}}</td>
                    <!-- 领料日期 -->
                    <td style="min-width: 150px;cursor: pointer" (click)="lltime(item)">{{item.lingliao_riqi}}</td>
                    <!-- 备注 -->
                    <td style="min-width: 150px;">{{item.lingliao_bzhu}}</td>
                </tr>
            </tbody>
            <!-- 箱号搜索 -->
            <nz-dropdown-menu #menu111="nzDropdownMenu">
                <div class="search-box" style="background:#487377; margin-top: -18px;">
                    <input type="text" nz-input placeholder="come on 箱號" [(ngModel)]="searchValuexh" />
                    <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
                        Search
                    </button>
                    <button nz-button nzSize="small" (click)="reset3()" class="search-button">Reset</button>
                </div>
            </nz-dropdown-menu>
            <!-- 单据号搜索 -->
            <nz-dropdown-menu #menu1="nzDropdownMenu">
                <div class="search-box" style="background:#487377; margin-top: -18px;">
                    <input type="text" nz-input placeholder="come on 單據號" [(ngModel)]="searchValue" />
                    <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
                        Search
                    </button>
                    <button nz-button nzSize="small" (click)="reset()" class="search-button">Reset</button>
                </div>
            </nz-dropdown-menu>
            <!-- 料号搜索 -->
            <nz-dropdown-menu #menu2="nzDropdownMenu">
                <div class="search-box" style="background:#487377; margin-top: -18px;">
                    <input type="text" nz-input placeholder="come on 料號" [(ngModel)]="searchValue2" />
                    <button nz-button nzSize="small" nzType="primary" (click)="search2()" class="search-button">
                        Search
                    </button>
                    <button nz-button nzSize="small" (click)="reset2()" class="search-button">Reset</button>
                </div>
            </nz-dropdown-menu>
            <!-- 以备数量修改 -->
            <nz-modal class="add" [(nzVisible)]="checkResult" nzTitle="已備數量修改" (nzOnCancel)="CancelAddResult()"
                (nzOnOk)="addCheckResult()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
                [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div style="width: 100%;height: 273px;padding-top: 13%;">
                    <span>已備: </span> &nbsp;
                    <input type="number" [(ngModel)]="OKnum" class="OKnum" min="0" (ngModelChange)="validateInput($event)">

                </div>
            </nz-modal>
            <!-- 退库数量修改 -->
            <nz-modal class="add" [(nzVisible)]="checkResult3" nzTitle="退庫數量修改" (nzOnCancel)="CancelAddResult3()"
                (nzOnOk)="addCheckResult3()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
                [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div style="width: 100%;height: 273px;padding-top: 13%;">
                    <span>退庫: </span> &nbsp;
                    <input type="number" [(ngModel)]="NGnum" class="NGnum">
                </div>
            </nz-modal>
            <!-- 退库数量修改 -->
            <nz-modal class="add" [(nzVisible)]="checkResult4" nzTitle="领料时间" (nzOnCancel)="CancelAddResult4()"
                (nzOnOk)="addCheckResult4()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
                [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div style="width: 100%;height: 100px;padding-top: 24px;">
                    <span>领料时间: </span> &nbsp;
                    <input type="text" [(ngModel)]="liliaos" class="OKnum">
                </div>
                <div style="width: 100%;">
                    <span>領料人: &nbsp;&nbsp;</span> &nbsp;
                    <input type="text" [(ngModel)]="llre" class="llr">
                </div>
                <div style="text-align: left;margin-top: 85px;">
                    <nz-switch [(ngModel)]="allrentime">
                    </nz-switch> &nbsp; &nbsp;批量修改
                </div>
            </nz-modal>
            <nz-modal class="add" [(nzVisible)]="checkResult2" nzTitle="状态修改" (nzOnCancel)="CancelAddResult2()"
                (nzOnOk)="addCheckResult2()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
                [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div class="djh">
                    單據號：{{xgdjh}}
                </div>
                <div class="djh">
                    料號：{{xglh}}
                </div>
                <div style="width:70%;height: 50px;   margin:20px auto 40px auto;                ">
                    <nz-radio-group [(ngModel)]="radioValue3" class="returnRadio">
                        <label nz-radio nzValue="備料中"><span style="color: #FACA00;">備料中</span></label>
                        <label nz-radio nzValue="已備料" style="margin-left: 20px;"><span
                                style="color: #21CC97;">已備料</span></label>
                        <label nz-radio nzValue="缺料" style="margin-left: 20px;"><span
                                style="color: #D23B5F;">缺料</span></label>
                        <label *ngIf="juj" nz-radio nzValue="拒絕" style="margin-left: 4px;"><span
                                style="color: #D23B5F;">拒絕</span></label>
                    </nz-radio-group>
                </div>

            </nz-modal>
            <!-- 箱号数量修改 -->
            <nz-modal class="add" [(nzVisible)]="checkResult5" nzTitle="箱號修改" (nzOnCancel)="CancelAddResult5()"
                (nzOnOk)="addCheckResult5()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}"
                [nzBodyStyle]="{height:'230px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <span style="line-height: 160px;">箱號: </span> &nbsp;
                <input type="text" [(ngModel)]="box" class="OKnum" style="line-height: 160px;">
                <div style="text-align: left;margin-top: 65px;">
                    <nz-switch [(ngModel)]="allbox">
                    </nz-switch> &nbsp; &nbsp;批量修改
                </div>
            </nz-modal>
            <nz-modal class="add" [(nzVisible)]="checkResult6" nzTitle="批量修改" (nzOnCancel)="CancelAddResult6()"
                (nzOnOk)="addCheckResult6()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}" nzWidth='1000px'
                [nzBodyStyle]="{height:'600px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div style="width: 100%;height:200px;overflow-x: hidden;overflow-y: auto; height: 550px;">
                    <tbody>
                        <tr id="first2">
                            <td style="width: 65px;">Check</td>
                            <td style="width: 200px;">料號</td>
                            <td style="width: 300px;">名稱</td>
                            <td style="width: 150px;">箱號</td>
                            <td style="width: 150px;">備料狀態</td>
                            <td style="width: 150px;">已備數量</td>
                        </tr>
                        <tr id="first" *ngFor="let data of engineerData let key =index"
                            style="color: #fff;border-bottom: 1px #333 solid;border-bottom: 1pxs #333 solid;">
                            <td>
                                <input class="selectEng" type="checkbox" name="selectEng"
                                    [(ngModel)]="engineerDataCheckBoox[key]" checked=engineerDataCheckBoox[key]
                                    (click)="selEngineer(key)">
                            </td>
                            <td style="overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; max-width: 200px;"
                                title="{{data.material_no}}">{{data.material_no}}</td>
                            <td style="overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; max-width: 300px;"
                                title="{{data.name}}">{{data.name}}</td>
                            <td>{{data.box}}</td>
                            <td>
                                <span *ngIf="data.beiliao_ztai==1" style="color: #FACA00;">備料中</span>
                                <span *ngIf="data.beiliao_ztai==2" style="color: #21CC97;">已備料</span>
                                <span *ngIf="data.beiliao_ztai==3" style="color: #D23B5F;">缺料</span>
                            </td>
                            <td>{{data.yibei_shuliang}}</td>
                        </tr>
                    </tbody>
                </div>
            </nz-modal>
            <nz-modal class="add" [(nzVisible)]="checkResult7" nzTitle="批量修改" (nzOnCancel)="CancelAddResult7()"
                (nzOnOk)="addCheckResult7()" style="text-align:center"
                [nzMaskStyle]="{backgroundColor:'rbga(48,73,77,.05)'}" nzWidth='1000px'
                [nzBodyStyle]="{height:'600px',background:'rgba(31,46,49,1)',color:'#ffffff',fontSize:'20px',textAlign:'center',lineHeight:'20px'}">
                <div style="width: 100%;height:200px;overflow-x: hidden;overflow-y: auto; height: 550px;">
                    <tbody>
                        <tr id="first2">
                            <td style="width: 65px;">Check</td>
                            <td style="width: 200px;">料號</td>
                            <td style="width: 300px;">名稱</td>
                            <td style="width: 150px;">箱號</td>
                            <td style="width: 150px;">備料狀態</td>
                            <td style="width: 150px;">已備數量</td>
                        </tr>
                        <tr id="first" *ngFor="let data of engineerData2 let key =index"
                            style="color: #fff;border-bottom: 1px #333 solid;border-bottom: 1pxs #333 solid;">
                            <td>
                                <input class="selectEng" type="checkbox" name="selectEng"
                                    [(ngModel)]="engineerDataCheckBoox2[key]" checked=engineerDataCheckBoox2[key]
                                    (click)="selEngineer2(key)">
                            </td>
                            <td style="overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; max-width: 200px;"
                                title="{{data.material_no}}">{{data.material_no}}</td>
                            <td style="overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center; max-width: 300px;"
                                title="{{data.name}}">{{data.name}}</td>
                            <td>{{data.box}}</td>
                            <td>
                                <span *ngIf="data.beiliao_ztai==1" style="color: #FACA00;">備料中</span>
                                <span *ngIf="data.beiliao_ztai==2" style="color: #21CC97;">已備料</span>
                                <span *ngIf="data.beiliao_ztai==3" style="color: #D23B5F;">缺料</span>
                            </td>
                            <td>{{data.yibei_shuliang}}</td>
                        </tr>
                    </tbody>
                </div>
            </nz-modal>
        </nz-table>
        <!--分页-->
        <div class="page">
            <button type="button" (click)="showPrePage()">上一頁</button>
            <input type="text" (change)="onChangePage($event.target.value)" placeholder="{{index}}" value="{{index}}"
                style="color: #fff;">
            <span> / {{max}} 頁</span>
            <button type="button" (click)="showNextPage()">下一頁</button>
        </div>
    </div>
</div>
